a,button{cursor: pointer;}
input,button,textarea,select{outline: none;border: none;background-color: transparent;}
h1,h2,h3{font-weight: 400;}
i{font-style: normal;}
img{vertical-align: middle;}
*{padding: 0;margin: 0;}
body{overflow-x: hidden;min-width: 1200px;}
.main{font-family: Source Han Sans CN;color: #333;overflow-x: visible;}
.banner{height: 850px;}
.w1200{position: relative;box-sizing: border-box;}
.title{text-align: center;}
.title h3{font-size: 38px;line-height: 48px;}
.title h3 i{color: #FFA800;display: inline-block;}
.title p{font-size: 16px;line-height: 28px;color: #777777;margin-top: 19px;}
.fixed_bar{z-index: 6;}

/* 澶撮�� */
header{position: fixed;top: 0;left: 0;background-color: #fff;z-index: 20;width: 100%;}
.header{display: flex;height: 70px;align-items: center;}
.header .logo{margin-right: 0;}
.header ul{display: flex;margin-left: 25px;}
.header ul li{font-size: 16px;line-height: 70px;width: 110px;text-align: center;}
.header ul li a{display: block;color: #888;}
.header .login a:hover, .header ul li a:hover, .header ul li.active a{background-color: #7171FE;color: #fff;}
.header ul li:last-child{width: auto;font-size: 14px;margin-left: 10px;}
.header ul li:last-child img{margin-right: 5px;}
.header .login{margin-left: auto;display: flex;}
.header .login a{width: 85px;text-align: center;height: 35px;font-size: 16px;line-height: 35px;color: #888;border-radius: 15px;}

.banner .brswiper{position: absolute;top: 0;left: 0;width: 100%;height: 850px;}
.banner .swiper-slide{height: 850px;overflow: hidden;}
.banner .swiper-slide img{position: absolute;top: 0;left: 50%;margin-left: -960px;}
.banner .w1200{z-index: 1;}
.banner .banner-main{display: flex;position: absolute;top: 569px;left: 676px;}
.banner .banner-main input{background-color: transparent;font-size: 23px;height: 55px;color: #C1C1C1;padding-left: 31px;width: 294px;box-sizing: border-box;}
.banner .banner-main input::-webkit-input-placeholder{color: #C1C1C1;}
.banner .banner-main input:-moz-placeholder{color: #C1C1C1;opacity: 1;}
.banner .banner-main input::-moz-placeholder{color: #C1C1C1;opacity: 1;}
.banner .banner-main input:-ms-input-placeholder{ color: #C1C1C1;}
.banner .banner-main input::placeholder{color: #C1C1C1;}
.banner .banner-main .toget{display: block;width: 144px;height: 55px;border-radius: 24px;}

.cont1{margin-top: -93px;padding: 42px 0 40px;}
.cont1::before{content: '';width: 1372px;height: 100%;left: -79px;top: 0;background-color: #fff;box-shadow: 0 15px 27px rgba(6,0,1,0.18);transform: skewX(-21deg);position: absolute;}
.cont1 h3{font-size: 38px;line-height: 48px;text-align: center;position: relative;}
.cont1 ul{display: flex;justify-content: space-between;margin-top: 27px;position: relative;}
.cont1 ul li{width: 20%;text-align: center;}
.cont1 ul li span{font-size: 40px;display: block;color: #5D1DB5;line-height: 50px;margin-bottom: 10px;}
.cont1 ul li p{font-size: 16px;line-height: 26px;color: #7A7A7A;}

.cont2{margin-top: 95px;}
.cont2 ul{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 53px;}
.cont2 ul li{width: 25%;display: flex;}
.cont2 ul li:nth-child(n+5){margin-top: 53px;}
.cont2 ul li:nth-child(n+6){margin-left: 56px;}
.cont2 ul li .item-right{margin-left: 11px;padding: 13px 22px 0 0;}
.cont2 ul li .item-right span{display: block;font-size: 18px;line-height: 28px;}
.cont2 ul li .item-right p{font-size: 14px;line-height: 22px;color: #7A7A7A;}

.cont3{margin-top: 97px;}
.cont3 ul{display: flex;justify-content: space-between;margin-top: 49px;}
.cont3 ul li{width: 277px;text-align: center;position: relative;}
.cont3 ul li span{font-size: 20px;line-height: 32px;}
.cont3 ul li span i{color: #5D1DB5;display: inline-block;}
.cont3 ul li>i{position: absolute;border-radius: 50%;display: none;background-color: #EBA612;border: 1px solid #fff;}
.cont3 ul li>i:nth-child(2){width: 12px;height: 12px;top: 79px;left: 132px;display: block;z-index: 1;}
.cont3 ul li>i:nth-child(3){width: 1px;height: 31px;background-color: #ECEDE7;top: 105px;left: 138px;border-radius: 0;display: block;border: none;}
.cont3 ul li p{margin-top: 72px;font-size: 16px;line-height: 26px;padding: 34px 34px 0;height: 144px;box-sizing: border-box;color: #696969;background-color: #F0F0F0;border-radius: 6px;}
.cont3 ul li.active i:nth-child(4){display: block;width: 24px;height: 24px;left: 126px;top: 73px;opacity: .5;}
.cont3 ul li.active i:nth-child(5){display: block;width: 18px;height: 18px;left: 129px;top: 76px;}
.cont3 ul li.active p{background-color: #5D1DB5;box-shadow: 0 16px 28px rgba(105,105,105,0.12);color: #fff;}
.cont3 ul li.active>i:nth-child(3){background-color: #5D1DB5;}

.cont4{margin-top: 95px;position: relative;height: 549px;}
.cont4::before{content: '';height: 331px;width: 100%;background-color: #5D1DB5;top: 218px;left: 0;position: absolute;}
.cont4 .swiper{margin-top: 67px;padding: 0 45px;}
.cont4 .swiper .swiper-slide{box-sizing: border-box;padding: 0 11px;text-align: center;overflow: hidden;transition: height .5s;height: 278px;}
.cont4 .swiper .swiper-slide img{width: 245px;height: 230px;}
.cont4 .swiper .swiper-slide i{width: 69px;height: 67px;position: absolute;background: url(../images/landing13.png) center/cover no-repeat;left: 100px;top: 71px;}
.cont4 .swiper .swiper-slide span{font-size: 18px;line-height: 28px;color: #fff;display: block;margin: 15px auto 5px;}
.cont4 .swiper .swiper-slide p{padding: 0 4px;font-size: 14px;line-height: 22px;color: #555555;background-color: #fff;height: 156px;}
.cont4 .swiper .swiper-slide.active{background-color: #fff;height: 434px;}
.cont4 .swiper .swiper-slide.active span{color: #191919;}

.cont4 .video_content{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;z-index: 3;display: none;text-align: center;}
.cont4 .video_content .video{display: none;width: 640px;height: 368px;position: relative;margin:60px auto 0;background-color: #eee;}
.cont4 .video_content video{width: 100%;height: 100%;object-fit: fill;}
.cont4 .video_content .video i{font-size: 22px;font-style: normal;position: absolute;top: 0;right: 0;z-index: 3;font-family: 'SinSum';cursor: pointer;display: block;padding: 0 5px;}

.cont5{margin-top: 95px;}
.cont5 .hovactte{margin-top: 58px;display: flex;flex-direction: row-reverse;flex-wrap: wrap;padding-right: 36px;}
.cont5 .hovactte>li{width: 75px;height: 463px;transition: width .8s;position: relative;}
.cont5 .hovactte .item-left{position: relative;}
.cont5 .hovactte .item-left img{position: absolute;top: 0;left: 0;}
.cont5 .hovactte .item-left i{position: absolute;font-size: 20px;line-height: 30px;transform: rotate(90deg);color: #fff;width: 80px;left: 30px;top: 110px;}
.cont5 .hovactte .item-right{width: 0;overflow: hidden;top: 46px;left: 75px;background-color: #fff;padding: 23px 25px 0 45px;box-sizing: border-box;opacity: 0;height: 381px;transition: width .8s;position: absolute;}
.cont5 .hovactte .item-right h4{font-size: 26px;line-height: 36px;color: #963BD8;}
.cont5 .hovactte>li:nth-child(2) .item-right h4{color: #4e9fc4;}
.cont5 .hovactte>li:nth-child(3) .item-right h4{color: #6554b6;}
.cont5 .hovactte>li:nth-child(4) .item-right h4{color: #cccb45;}
.cont5 .hovactte>li:nth-child(5) .item-right h4{color: #c84066;}
.cont5 .hovactte>li:nth-child(6) .item-right h4{color: #de922e;}
.cont5 .hovactte .item-right p{font-size: 18px;line-height: 28px;color: #444;font-weight: bold;margin-top: 13px;}
.cont5 .hovactte .item-right span{display: block;font-size: 14px;line-height: 24px;color: #444;margin-top: 2px;}
.cont5 .hovactte .item-right .grid{display: flex;justify-content: space-between;margin-top: 20px;flex-wrap: wrap;}
.cont5 .hovactte .item-right .grid p{margin-top: 0;}
.cont5 .hovactte>li:nth-child(n+2) .item-right .grid li{margin-right: 50px;}
.cont5 .hovactte>li:nth-child(n+2) .item-right .grid li:last-child{margin-top: 12px;}
.cont5 .hovactte li.active{width: 784px;}
.cont5 .hovactte li.active .item-left img, .cont5 li.activete .item-left img{transform: rotateY(180deg);}
.cont5 .hovactte li.active .item-left i, .cont5 li.activete .item-left i{left: 0;}
.cont5 .hovactte li.active .item-right{width: 744px;opacity: 1;}

.cont6{margin-top: 100px;background-color: #5D1DB5;padding: 60px 0 104px;}
.cont6 .title h3{color: #fff;}
.cont6 ul{margin-top: 98px;display: flex;justify-content: space-between;}
.cont6 ul li{width: 355px;height: 348px;position: relative;text-align: center;overflow: hidden;transition: transform .5s;}
.cont6 ul li img{width: 100%;height: 100%;opacity: .3;border-radius: 30px;transition: opacity .5s;}
.cont6 ul li p{position: absolute;font-size: 20px;color: #fff;line-height: 34px;width: 100%;height: 100%;top: 0;left: 0;box-sizing: border-box;padding-top: 130px;transition: top .5s;}
.cont6 ul li p::before{content: '';position: absolute;width: 100%;height: 100%;background-color: #fff;top: 0;left: 0;opacity: .3;border-radius: 30px;transition: opacity .5s;}
.cont6 ul li i{position: absolute;width: 359px;height: 231px;background-color: #fff;border-radius: 5px;top: 319px;left: -5px;transform: scale(0.75);box-sizing: border-box;padding-top: 22px;transition: top .5s;}
.cont6 ul li i::before{content: '';width: 51px;height: 4px;background-color: #FFA800;left: 154px;top: 101px;position: absolute;}
.cont6 ul li i span:first-child{font-size: 20px;line-height: 34px;display: block;}
.cont6 ul li i span:nth-child(2){font-size: 14px;line-height: 26px;display: block;margin-top: 28px;}
.cont6 ul li.active{transform: scale(1.32);}
.cont6 ul li.active img, .cont6 ul li.active p::before{opacity: 1;}
.cont6 ul li.active i{top: 101px;}
.cont6 ul li.active p{top: -348px;}

.cont7{margin-top: 95px;}
.cont7 .cont7-img{margin-top: 57px;text-align: center;}
.cont7 ul{display: flex;justify-content: space-between;padding: 20px 66px 0;}
.cont7 ul li{width: 208px;text-align: center;}
.cont7 ul li span{font-size: 20px;display: block;line-height: 30px;font-weight: bold;}
.cont7 ul li p{font-size: 16px;line-height: 26px;color: #6E6E6E;margin-top: 7px;}
.cont7 .get{display: block;width: 227px;height: 49px;background-image: linear-gradient(58deg, #6549F0, #7946DB);box-shadow: 0 2px 9px rgba(168,69,16,0.27);border-radius: 25px;font-size: 20px;line-height: 49px;color: #fff;text-align: center;margin: 55px auto 0;}

.cont8{position: relative;height: 403px;}
.cont8 img{position: absolute;left: 50%;margin-left: -960px;}

.cont9{background-color: #5D1DB5;padding-top: 70px;}
.cont9 .title h3{color: #fff;}
.cont9 ul{display: flex;justify-content: space-between;padding: 80px 5px 114px;}
.cont9 ul li{position: relative;}
.cont9 ul li::before, .cont9 ul li::after{content: '';background-color: #fff;opacity: .45;border-radius: 15px;position: absolute;}
.cont9 ul li::before{width: 364px;height: 188px;top: -8px;left: 9px;}
.cont9 ul li::after{width: 346px;height: 188px;top: -16px;left: 18px;}
.cont9 ul li .item{background-color: #fff;border-radius: 15px;text-align: center;padding-top: 48px;position: relative;width: 382px;height: 243px;z-index: 1;}
.cont9 ul li i{display: block;font-size: 24px;line-height: 36px;color: #5D1DB5;}
.cont9 ul li span{display: block;font-size: 16px;line-height: 28px;color: #9062D1;}
.cont9 ul li p{font-size: 14px;line-height: 24px;padding: 11px 30px 0;}
.cont9 ul li:nth-child(2) i{color: #FA4F33;}
.cont9 ul li:nth-child(2) span{color: #F67762;}
.cont9 ul li:nth-child(3) i{color: #FFA800;}
.cont9 ul li:nth-child(3) span{color: #FFA800;}

.cont10{margin: 132px auto 80px;}
.cont10>ul{overflow: hidden;}
.cont10 ul:first-child>li{float: left;}
.cont10 ul:first-child .first{width: 221px;margin-right: 48px;}
.cont10 ul:first-child .second{width: 355px;font-size: 22px;}
.cont10 ul:first-child .second ul{margin-top: 29px;}
.cont10 ul:first-child .second ul li{line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cont10 ul:first-child .second ul li a{color: #181818;}
.cont10 ul h3{font-size: 30px;font-weight: normal;color: #181818;}
.cont10 ul:first-child .third{margin: 0 80px 0 65px;}
.cont10 ul:first-child .third img{margin-top: 15px;}
.cont10 ul:first-child .fourth h4{color: #616AFF;font-size: 30px;margin: 30px 0 20px;}
.cont10 ul:first-child .fourth p{font-size: 18px;color: #595959;margin-bottom: 35px;}
.cont10 ul:first-child .fourth a{display: block;width:218px;height: 44px;line-height: 44px;text-align: center;color: #616AFF;border: 1px solid #616AFF;font-size: 18px;}

.cont11{padding: 40px 0 70px;background-color: #F5F5F5;}
.cont11 .w1200{display: flex;justify-content: space-between;}
.cont11 h3{font-size: 20px;line-height: 30px;color: #333;margin-bottom: 30px;}
.cont11 .item-left{width: 600px;}
.cont11 .item-left .swiper-slide img{width: 95%;margin-bottom: 10px;height: 135px;}
.cont11 .item-left .swiper-slide p{font-size: 12px;line-height: 22px;color: #999;text-align: center;padding-right: 5%;}
.cont11 .item-right{width: 450px;}
.cont11 .item-right .media{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cont11 .item-right .media img{height: 45px;width: 30%;}
.cont11 .item-right .media img:nth-child(n+4){margin-top: 15px;}

.tofree{position: fixed;width: 100%;height: 100%;z-index: 25;top: 0;left: 0;background-color: rgba(0,0,0,.5);display: none;}
.tofree .blank{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.tofree .surr{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.tofree .form{width: 690px;padding: 44px 69px 49px;box-sizing: border-box;border-radius: 10px;box-shadow: 4px 5px 6px rgba(173,68,13,0.2);background-color: #fff;position: relative;}
.tofree h3{font-size: 30px;line-height: 1;text-align: center;color: #202020;margin-bottom: 28px;}
.tofree h3 strong{color: #FFA800;font-weight: 400;}
.tofree input, .tofree select, .tofree .btnget{display: block;width: 100%;box-sizing: border-box;height: 70px;font-size: 24px;line-height: 70px;border-radius: 35px;}
.tofree input, .tofree select{background-color: #FEF1E6;padding-left: 35px;color: #B7B7B7;}
.tofree select{color: #B7B7B7;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.tofree input::-moz-placeholder{color: #B7B7B7;}
.tofree input::-webkit-input-placeholder{color: #B7B7B7;}
.tofree input:-moz-placeholder{color: #B7B7B7;opacity: 1;}
.tofree input:-ms-input-placeholder{ color: #B7B7B7;}
.tofree .select{position: relative;margin: 28px auto;}
.tofree .select::before{content: '';width: 0;height: 0;position: absolute;border-style: solid;border-width: 10px 8px 0;border-color: #000 transparent transparent transparent;top: 30px;right: 70px;}
.tofree .imgcode{margin: 28px auto;justify-content: space-between;}
.tofree .imgcode input{margin-bottom: 0;width: 365px;}
.tofree .imgcode img{height: 70px;}
.tofree .btnget{background-image: radial-gradient(circle, #FF7D36, #FF691A);color: #fff;font-weight: bold;}
.cont3 .myvideo{margin-top: 54px;background: url(https://www.ququkid.com/20191016ququabc/main/images/ququabc14.png) no-repeat;height: 630px;padding-top: 38px;box-sizing: border-box;position: relative;}
.cont3 .myvideo .vdplay{position: absolute;top: 229px;left: 538px;z-index: 1;}
.cont3 .myvideo video{margin: 0 auto;display: block;object-fit:fill;width: 917px;height: 515px;}
.tofree .imgcode.phone .hq_code{flex: 1;border-radius: 10px;background-color: #FEF1E6;text-align: center;line-height: 70px;color: #B7B7B7;margin-left: 12px;font-size: 24px;}
.tofree .imgcode.phone .hq_code.active{background-color: #dddddd;color: #fff;}

.tofree{position: fixed;width: 100%;height: 100%;z-index: 25;top: 0;left: 0;background-color: rgba(0,0,0,.5);display: none;}
.tofree .blank{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.tofree .surr{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.tofree .form{width: 690px;padding: 44px 69px 49px;box-sizing: border-box;border-radius: 10px;box-shadow: 4px 5px 6px rgba(173,68,13,0.2);background-color: #fff;position: relative;}
.tofree h3{font-size: 30px;line-height: 1;text-align: center;color: #202020;margin-bottom: 28px;}
.tofree h3 strong{color: #FFA800;font-weight: 400;}
.tofree input, .tofree select, .tofree .getSms,.btnget{display: block;width: 100%;box-sizing: border-box;height: 70px;font-size: 24px;line-height: 70px;border-radius: 35px;}
.tofree input, .tofree select{background-color: #FEF1E6;padding-left: 35px;color: #B7B7B7;}
.tofree select{color: #B7B7B7;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.tofree input::-moz-placeholder{color: #B7B7B7;}
.tofree input::-webkit-input-placeholder{color: #B7B7B7;}
.tofree input:-moz-placeholder{color: #B7B7B7;opacity: 1;}
.tofree input:-ms-input-placeholder{ color: #B7B7B7;}
.tofree .select{position: relative;margin: 28px auto;}
.tofree .select::before{content: '';width: 0;height: 0;position: absolute;border-style: solid;border-width: 10px 8px 0;border-color: #000 transparent transparent transparent;top: 30px;right: 70px;}

.tofree .imgcode{
    /*width: 400px;
    height: 100px;
    float:right;
    position: absolute;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #b4b4b4;
    bottom: 223px;
    left: 219px;
    display: none;
    margin: 28px auto;
    display: flex;
    justify-content: space-between;*/
}
.tofree .imgcode input{
    margin-bottom: 0;
    width: 100%;
    position: relative;
    margin: 20px 0 20px 0;
    bottom: 5px;
}
.tofree .imgcode img{
    height: 70px;
    position: relative;
    float: right;
    bottom:94px;
}
.tofree  .getSms,.btnget{background-image: radial-gradient(circle, #FF7D36, #FF691A);color: #fff;font-weight: bold;}
.tofree .imgcode.phone .hq_code{flex: 1;border-radius: 10px;background-color: #FF7D36;text-align: center;line-height: 70px;color: #B7B7B7;margin-left: 12px;font-size: 24px;font-style: normal;}
.tofree .imgcode.phone .hq_code.active{background-color: #dddddd;color: #fff;}
.tofree .getYzm{
    display: block;
    width: 30%;
    box-sizing: border-box;
    height: 70px;
    font-size: 24px;
    line-height: 70px;
    border-radius: 35px;
    background-image: radial-gradient(circle, #FF7D36, #FF691A);
    color: #fff;
    font-weight: bold;
    position: relative;left: 383px;
    bottom: 97px;
    
}
.tofree .tel{
    width: 363px;
    margin-top: 28px;
    margin-bottom: 28px;
}
.iphone{
    height: 100px;
}
.student{
    width: 691px;
    height: 420px;
    float: right;
    background: rgb(250, 250, 250);
    position: fixed;
    z-index: top;
    left: 422px;
    bottom: 170px;
    border-radius: 10px;
    display: none;
}
.information{
    width: 550px;
    margin: auto;
}
.information h3{
    position: relative;
    top: 50px;
    color:tomato;
}
.information input{
    position: relative;
    top: 70px;
}
.information .select{
    position: relative;
    top: 70px;
}
.information button{
    position: relative;
    top: 70px;
}